/*====================  
    7.6 Wishlist Page CSS
====================*/
.wishlist-table{
    & .table {
        margin: 0;
        white-space: nowrap;
        & thead {
            & tr{
                & th {
                    border-color: $gray-100;
                    border-bottom: 0 solid transparent;
                    color: $dark;
                    font-size: 15px;
                    font-weight: 700;
                    padding: 15px 20px;
                    text-align: center;
                }
            }
        }
        & tr{
            border-color: $gray-100;
            & .pro-thumbnail, & .pro-price, & .pro-quantity, & .pro-subtotal, & .pro-remove{
                min-width: 177px;
                text-align: center;
                align-items: center;
            }
        }
        & tbody{
            & td {
                border-color: $gray-100;
                text-align: center;
                padding: 10px 20px;
                vertical-align: middle;
                font-weight: 600;
                color: $dark;
                & a {
                    color: $dark;
                    font-weight: 600;
                    text-transform: capitalize;
                    font-size: 14px;
                    font-family: $headings-font-family;
                    &:hover{
                        color: $primary;
                    }
                    &.btn{
                        color: $white;
                    }
                    &.check-btn{
                        color: $white;
                    }
                }
                &.pro-remove{
                    & a{
                        & i{
                            font-size: 24px;
                        }
                    }
                }
            }
        }
    }
}